<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen" />-->
</head>
<style>
    *{
        padding: 0px;
        margin: 0px;
    }
    #PoweredBy {
        width: 100%;
        height: 9ex;
        margin: 0ex 0ex 0ex 0ex;
        padding: 0ex 0ex 0ex 0ex;
        border-width: .3ex 0ex .3ex 0px;
        border-style: solid;
        border-color: #ccc;
        float: left;
        background-color: rgba(0,0,0,0.7);
        color: #fff;
        line-height: 9ex;
        /*voice-family: "\"}\"";*/
        /*voice-family: inherit;*/
        height: 9ex;
    }
    #Footer{
        float: left;
        width: 100%;
        position: relative;
        height: 9ex;
        width: 100%;
    }
    .foot-a{
        position: absolute;
        display: block;
        width: 30ex;
        height: 6ex;
        background-image: url("../image/LinktomypetStore.png");
        background-repeat: no-repeat;
        background-size: 100%;
        top: 2ex;
        left: 5ex;
    }
</style>
<body>
<footer th:fragment="footer">
    <div id="Footer">
        <div id="PoweredBy">&nbsp<a  class="foot-a" href="main"></a>
        </div>

    </div>
</footer>
</body>
</html>